<h2 class="title">普通表格</h2>
			             
				            
				              <table>
				                <caption>表格标题</caption>
				                <tr>
				                  <th scope="col"><h2>行表头1</h2></th>
				                  <th scope="col"><h2>行表头2</h2></th>
				                  <th scope="col"><h2>行表头3</h2></th>
				                  <th scope="col"><h2>行表头4</h2></th>
				                </tr>
				                <tr>
				                  <th scope="row"><h2>列表头1</h2></th>
				                  <td>内容2-1</td>
				                  <td>内容2-2</td>
				                  <td>内容2-3</td>
				                </tr>
				                <tr>
				                  <th scope="row"><h2>列表头2</h2></th>
				                  <td>内容3-1</td>
				                  <td>内容3-2</td>
				                  <td>内容3-3</td>
				                </tr>
				                <tr>
				                  <th scope="row"><h2>列表头3</h2></th>
				                  <td>内容4-1</td>
				                  <td>内容4-2</td>
				                  <td>内容4-3</td>
				                </tr>
				                <tr>
				                  <th scope="row"><h2>列表头4</h2></th>
				                  <td>内容5-1</td>
				                  <td>内容5-2</td>
				                  <td>内容5-3</td>
				                </tr>
				              </table>

				        <h2 class="title">条件筛选</h2>
			            
			            <div class="filter">
			                <!--条件列表-->
			                <div class="condition_list">
			                    <!--分类-->
			                    <dl class="condition clearfix">
			                        <dt>
			                            任务分类
			                        </dt>
			                        <dd>
			                            <a class="selected" href="#">全部 </a>
			                            <a href="#">品牌设计 </a>
			                            <a href="#">网站开发 </a>
			                            <a href="#">软件开发 </a>
			                            <a href="#">翻译服务 </a>
			                            <a href="#">多媒体设计 </a>
			                            <a href="#">创意祝福 </a>
			                            <a href="#">网游服务 </a>
			                            <a href="#">文案写作 </a>
			                            <a href="#">建筑/装修 </a>
			                            <a href="#">头脑风暴 </a>
			                            <a href="#">法律服务 </a>
			                            <a href="#">起名取名 </a>
			                            <a href="#">生活服务 </a>
			                            <a href="#">移动应用 </a>
			                            <a href="#">网络营销 </a>
			                            <a href="#">招聘找人 </a>
			                        </dd>
			                    </dl>
			                    <!--end 分类--><!--条件1-->
			                    <dl class="condition clearfix">
			                        <dt>
			                            任务模式
			                        </dt>
			                        <dd >
			                            <a class="selected" href="#">全部 </a>
			                            <a href="#">单人悬赏 </a>
			                            <a href="#">多人悬赏 </a>
			                            <a href="#">计件悬赏 </a>
			                            <a href="#">普通招标 </a>
			                            <a href="#">订金招标 </a>
			                            <a href="#">微博转发 </a>
			                            <a href="#">微博点击 </a>
			                        </dd>
			                        </dl>
			                            <!--end 条件1-->
			                </div>
			                        <!--end 条件列表-->
			        
			        
			        				<!--已选条件-->
			                        <div class="select_condition clearfix">
			                            <dl>
			                                <dt>
			                                    <h3 class="title">已选条件</h3>
			                                </dt>
			                                <dd>
			                                    <!--当无选择条件时显示span标记--><span>您暂无选择筛选条件</span>
			                                    <a class="selected" href="#">选中条件 <span class="close">×</span></a>
			                                 </dd>
			                            </dl>
			                        </div>
			                        
			        				<!--end 已选条件-->	  
			        	</div>



					   	<h2 class="title">list列表[dl\dt\dd](适用小于10列数据)</h2>
			            <div class="list">
			                <dl>
			                  <dt>悬赏任务</dt>
			                  <dd class="tags">
			                    <ul>
			                        <li>悬赏金额</li>
			                        <li class="w5">任务名称</li>
			                        <li>浏览|投稿</li>
			                        <li>任务类型</li>
			                        <li>结束时间</li>
			                        <li>任务状态</li>
			                    </ul>
			                  </dd>
			                  <dd class="clearfix">
			                    <ul>
			                        <li>￥101.00</li>
			                        <li class="w5"><a href="#" title="微博任务发布测试111111111111111111111">微博任务发布测试111111111111111111111...</a></li>
			                        <li>4|1</li>
			                        <li>微博任务</li>
			                        <li>2天7小时</li>
			                        <li>已结束</li>
			                    </ul>
			                  </dd>
			                  <dd class="clearfix">
			                    <ul>
			                        <li>￥101.00</li>
			                        <li class="w5"><a href="#" title="微博任务发布测试111111111111111111111">微博任务发布测试111111111111111111111...</a></li>
			                        <li>4|1</li>
			                        <li>微博任务</li>
			                        <li>2天7小时</li>
			                        <li>已结束</li>
			                    </ul>
			                  </dd>
			                  <dd class="clearfix">
			                    <ul>
			                        <li>￥101.00</li>
			                        <li class="w5"><a href="#" title="微博任务发布测试111111111111111111111">微博任务发布测试111111111111111111111...</a></li>
			                        <li>4|1</li>
			                        <li>微博任务</li>
			                        <li>2天7小时</li>
			                        <li>已结束</li>
			                    </ul>
			                  </dd>
			                  <dd class="clearfix">
			                    <ul>
			                        <li>￥101.00</li>
			                        <li class="w5"><a href="#" title="微博任务发布测试111111111111111111111">微博任务发布测试111111111111111111111...</a></li>
			                        <li>4|1</li>
			                        <li>微博任务</li>
			                        <li>2天7小时</li>
			                        <li>已结束</li>
			                    </ul>
			                  </dd>
			                  <dd class="clearfix">
			                    <ul>
			                        <li>￥101.00</li>
			                        <li class="w5"><a href="#" title="微博任务发布测试111111111111111111111">微博任务发布测试111111111111111111111...</a></li>
			                        <li>4|1</li>
			                        <li>微博任务</li>
			                        <li>2天7小时</li>
			                        <li>已结束</li>
			                    </ul>
			                  </dd>
			                  <dd class="clearfix">
			                    <ul>
			                        <li>￥101.00</li>
			                        <li class="w5"><a href="#" title="微博任务发布测试111111111111111111111">微博任务发布测试111111111111111111111...</a></li>
			                        <li>4|1</li>
			                        <li>微博任务</li>
			                        <li>2天7小时</li>
			                        <li>已结束</li>
			                    </ul>
			                  </dd>
			                </dl>
			            </div>
			            

			            <h2 class="title">数据列表(适用所有类型数据)</h2>
		            	<!--date_table数据表格 start-->
	                    <div class="data_list">
	                        <table  class="data_table">
	                            <thead>
	                            <tr>
	                              <th scope="col">财务编号</th>
	                              <th scope="col">创建时间</th>
	                              <th scope="col">用途</th>
	                              <th scope="col">收入(金额/金币)</th>
	                              <th scope="col">支出(金额/金币)</th>
	                              <th scope="col">余额(金额/金币)</th>
	                              <th scope="col">支付方式</th>
	                            </tr>
	                            </thead>
	                            <tbody>
	                            <tr>
	                              <td>8800002974</td>
	                              <td>2011-08-25 14:00:10</td>
	                              <td>增值服务</td>
	                              <td>--/--</td>
	                              <td>30.00/--</td>
	                              <td>308.00/--</td>
	                              <td>本站账户</td>
	                            </tr>
	                            <tr>
	                              <td>8800002974</td>
	                              <td>2011-08-25 14:00:10</td>
	                              <td>任务失败退款</td>
	                              <td>--/8.00</td>
	                              <td>--/--</td>
	                              <td>308.00/8.00</td>
	                              <td>本站账户</td>
	                            </tr>
	                            <tr>
	                              <td>8800002974</td>
	                              <td>2011-08-25 14:00:10</td>
	                              <td>增值服务</td>
	                              <td>--/--</td>
	                              <td>30.00/--</td>
	                              <td>308.00/8.00</td>
	                              <td>支付宝</td>
	                            </tr>
	                            </tbody>
	                            <tfoot>
	                            <tr>
	                              <td>&nbsp;</td>
	                              <td>总计</td>
	                              <td>3项</td>
	                              <td>--/8.00</td>
	                              <td>60.00/--</td>
	                              <td>&nbsp;</td>
	                              <td>308.00/8.00</td>
	                            </tr>
	                            </tfoot>
	                          </table>
	                    </div>
		               	<!--data_table数据表格 end-->
					   
		               	<h2 class="title">翻页</h2>
			            <div class="page clearfix">
			                <p>
			                    <span class="stats">5/10</span>
			                    <a href="###">首　页</a>
			                    <a href="###">上一页</a>
			                    <a href="###" class="selected">1</a>
			                    <a href="###">2</a>
			                    <a href="###">3</a>
			                    <a href="###">4</a>
			                    <a href="###">5</a>
			                    <a href="###">6</a>
			                    <a href="###">7</a>
			                    <a href="###">8</a>
			                    <span>...</span>
			                    <a href="###">10</a>
			                    <a href="###">下一页</a>
			                    <a href="###">尾　页</a>
			                </p>
			            </div>